.el-check-tag {
    background-color: var(--el-color-info-light-9);
    border-radius: var(--el-border-radius-base);
    color: var(--el-color-info);
    cursor: pointer;
    display: inline-block;
    font-size: var(--el-font-size-base);
    font-weight: bold;
    line-height: var(--el-font-size-base);
    padding: 7px 15px;
    transition: var(--el-transition-all)
}

.el-check-tag:hover {
    background-color: var(--el-color-info-light-7)
}

.el-check-tag.el-check-tag--primary.is-checked {
    background-color: var(--el-color-primary-light-8);
    color: var(--el-color-primary)
}

.el-check-tag.el-check-tag--primary.is-checked:hover {
    background-color: var(--el-color-primary-light-7)
}

.el-check-tag.el-check-tag--primary.is-checked.is-disabled {
    background-color: var(--el-color-primary-light-8);
    color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-check-tag.el-check-tag--primary.is-checked.is-disabled:hover {
    background-color: var(--el-color-primary-light-8)
}

.el-check-tag.el-check-tag--primary.is-disabled {
    background-color: var(--el-color-info-light-9);
    color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-check-tag.el-check-tag--primary.is-disabled:hover {
    background-color: var(--el-color-info-light-9)
}

.el-check-tag.el-check-tag--success.is-checked {
    background-color: var(--el-color-success-light-8);
    color: var(--el-color-success)
}

.el-check-tag.el-check-tag--success.is-checked:hover {
    background-color: var(--el-color-success-light-7)
}

.el-check-tag.el-check-tag--success.is-checked.is-disabled {
    background-color: var(--el-color-success-light-8);
    color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-check-tag.el-check-tag--success.is-checked.is-disabled:hover {
    background-color: var(--el-color-success-light-8)
}

.el-check-tag.el-check-tag--success.is-disabled {
    background-color: var(--el-color-success-light-9);
    color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-check-tag.el-check-tag--success.is-disabled:hover {
    background-color: var(--el-color-success-light-9)
}

.el-check-tag.el-check-tag--warning.is-checked {
    background-color: var(--el-color-warning-light-8);
    color: var(--el-color-warning)
}

.el-check-tag.el-check-tag--warning.is-checked:hover {
    background-color: var(--el-color-warning-light-7)
}

.el-check-tag.el-check-tag--warning.is-checked.is-disabled {
    background-color: var(--el-color-warning-light-8);
    color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-check-tag.el-check-tag--warning.is-checked.is-disabled:hover {
    background-color: var(--el-color-warning-light-8)
}

.el-check-tag.el-check-tag--warning.is-disabled {
    background-color: var(--el-color-warning-light-9);
    color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-check-tag.el-check-tag--warning.is-disabled:hover {
    background-color: var(--el-color-warning-light-9)
}

.el-check-tag.el-check-tag--danger.is-checked {
    background-color: var(--el-color-danger-light-8);
    color: var(--el-color-danger)
}

.el-check-tag.el-check-tag--danger.is-checked:hover {
    background-color: var(--el-color-danger-light-7)
}

.el-check-tag.el-check-tag--danger.is-checked.is-disabled {
    background-color: var(--el-color-danger-light-8);
    color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-check-tag.el-check-tag--danger.is-checked.is-disabled:hover {
    background-color: var(--el-color-danger-light-8)
}

.el-check-tag.el-check-tag--danger.is-disabled {
    background-color: var(--el-color-danger-light-9);
    color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-check-tag.el-check-tag--danger.is-disabled:hover {
    background-color: var(--el-color-danger-light-9)
}

.el-check-tag.el-check-tag--error.is-checked {
    background-color: var(--el-color-error-light-8);
    color: var(--el-color-error)
}

.el-check-tag.el-check-tag--error.is-checked:hover {
    background-color: var(--el-color-error-light-7)
}

.el-check-tag.el-check-tag--error.is-checked.is-disabled {
    background-color: var(--el-color-error-light-8);
    color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-check-tag.el-check-tag--error.is-checked.is-disabled:hover {
    background-color: var(--el-color-error-light-8)
}

.el-check-tag.el-check-tag--error.is-disabled {
    background-color: var(--el-color-error-light-9);
    color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-check-tag.el-check-tag--error.is-disabled:hover {
    background-color: var(--el-color-error-light-9)
}

.el-check-tag.el-check-tag--info.is-checked {
    background-color: var(--el-color-info-light-8);
    color: var(--el-color-info)
}

.el-check-tag.el-check-tag--info.is-checked:hover {
    background-color: var(--el-color-info-light-7)
}

.el-check-tag.el-check-tag--info.is-checked.is-disabled {
    background-color: var(--el-color-info-light-8);
    color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-check-tag.el-check-tag--info.is-checked.is-disabled:hover {
    background-color: var(--el-color-info-light-8)
}

.el-check-tag.el-check-tag--info.is-disabled {
    background-color: var(--el-color-info-light-9);
    color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-check-tag.el-check-tag--info.is-disabled:hover {
    background-color: var(--el-color-info-light-9)
}